<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>JavaScript 类(class)-使用类</title>
</head>

<body>
    <!-- 类是用于创建对象的模板。
    我们使用 class 关键字来创建一个类，类体在一对大括号 {} 中，我们可以在大括号 {} 中定义类成员的位置，如方法或构造函数。
    每个类中包含了一个特殊的方法 constructor()，它是类的构造函数，这种方法用于创建和初始化一个由 class 创建的对象。 -->

    <!-- 定义好类后，我们就可以使用 new 关键字来创建对象： -->
    <!-- 创建对象时会自动调用构造函数方法 constructor()。 -->
    <h2>JavaScript 类</h2>

    <p>如何使用 JavaScript 类</p>

    <p id="demo"></p>

    <script>
        class Runoob {
            constructor(name, url) {
                this.name = name;
                this.url = url;
            }
        }

        let site = new Runoob("菜鸟教程", "http://www.runoob.com");
        document.getElementById("demo").innerHTML =
            site.name + "：" + site.url;
    </script>
</body>

</html>